
import React, { Component, createRef } from "react";
import type { ReactNode } from 'react'



interface iState {
}
interface iProps { }

// 因为 Footer 会被多个页面使用，所以可以单独先定义，后期方便复用
class Footer extends Component {
    render(): ReactNode {
        return <>
            <footer style={{ backgroundColor: "#f66", height: 20 }}>页脚</footer>
        </>
    }
}


function Page1() {
    return <>
        <h1>页面 1</h1>
        <Footer />
    </>
}

function Page2() {
    return <>
        <h1>页面 2</h1>
        <Footer />
    </>
}

export default class App extends Component {

    render() {
        return <>
            <div>
                <Page1></Page1>
                <hr />
                <Page2></Page2>
            </div>
        </>
    }

}